<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  <title>社团信息</title>
  <link rel="stylesheet" href="./stylesheets/clubInformation.css" type="text/css" />
  <link rel="stylesheet" href="./stylesheets/mid-exam.css">
  <link rel="shortcut icon" href="./images/SAU-logo.png" type="image/x-icon">

</head>




<body>

  <!--这个是头部-->
  <iframe src="component/clubHead.html" class="clubHead" scrolling="no"></iframe>
  <div class="main">
    <!--这个是右边部分-->
    <div class="RightShadow"></div>
    <div class="RightHead">
      <div class="rightHeadPic">
        <img src="./images/touxiang.png">
      </div>
      <div class="rightHeadTitle">摄影协会</div>
      <div class="rightHeadIntroduce">定格光影 留住光阴</div>
      <div class="rightHeadTime">2002年2月22日 成立</div>

    </div>


    <!--这个是右边正文部分-->

    <div class="rightSide">

      <!--这个是右边正文部分男女比例图片-->
      <div id="Boypic1"></div>
      <div id="Boypic2"></div>

      <!--这个是右边正文信息-->
      <div id="boss">会&nbsp长：</div>
      <div id="bossName">盛酱</div>
      <div id="mailbox">邮&nbsp箱：</div>
      <div id="mailboxName">1306298019@qq.com</div>
      <div id="tel">电&nbsp话：</div>
      <div id="telNum">13062980191</div>
      <div id="IntroduceTitle">社团简介：</div>
      <div id="Introduce">学院摄影协会是学院大型社团之一，它成立于一九九六年十月,是在学院党委大力支持和团委直接指导下成立的,协会有新老会员达500多人,经过辉煌的十个春秋,现已形成了一定的规模和建立了良好的管理制度。自学校设立“十佳社团”的评比以来,摄影协会多次被批评为"十佳社团"，还曾经荣获“十佳社团”和“十佳会长”“双十佳”称号,取得了辉煌的成就。</div>

    </div>

    <!--这个是中间部分-->
    <div class="middleSide">

      <!--这个是中间部分新闻标题 用0123顺序区分-->
      <!--movebar 是蓝色会移动的div-->

      <!-- <div  class="m">
                        <img src="./images/touxiang.png"  class="MHEAD">
                        <div  class="WRITER">摄影协会</div>
                        <div  class="NUM">12</div>
                        <a href=""><img src="./images/heart.png"  class="LIKE"></a>
                           
                 </div>-->




    </div>

    <!--这个是中间部分上方  含有搜索栏 搜索按钮 删除按钮 刷新按钮 英文那简单易懂-->
    <div class="shadow"></div>
    <div class="search">
      <input type="text" class="searchBar">
      <div class="searchButton" id="search">
        <a href="##">
          <img src="./images/search.svg " class="FUPIC">
        </a>
      </div>

      <div class="refresh" id="refresh">
        <a href="##">
          <img src="./images/refresh.svg " class="FUPIC">
        </a>
      </div>

      <div class="news">社团信息</div>

    </div>


    <!--这个是左边部分-->
    <div class="leftSide">
      <!-- <img src="images/left.png" class="leftPic"> -->
      <img src="./images/left.png">
      <!--这个是左边的大标题-->
      <div class="Left">
        <a href="club_inner_system1.html" id="ha" class="ha">最新公告</a>
        <a href="clubInformation1.html" id="ha1" class="ha">社团信息</a>
        <a href="clubNewsSend1.html" id="ha2" class="ha">消息发布</a>
        <a href="clubResignCheck1.html" id="ha3" class="ha">注册审核</a>
        <a href="clubAnnRes.html" id="ha4" class="ha">年度注册</a>
      </div>



    </div>




    <!--这个是底角-->
    <!-- <iframe src="component/clubFoot.html" class="clubFoot" scrolling="no"></iframe> -->




    <script type="text/javascript" src="./javascripts/jquery-3.2.1.min.js"></script>
    <script type="text/javascript" src="./javascripts/echarts.min.js"></script>
    <script type="text/javascript" src="./javascripts/clubInformation1.js"></script>



</body>

</html>